<?php
session_start();
   if(!isset($_SESSION["user1"]))
    header("location:index.php");
?>	
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Merchandise :: Hambaa.com</title>
<link rel="stylesheet" type="text/css" href="styles/Graphitti_style.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<style type="text/css">


#myreel{ /*sample CSS for demo*/
border:5px solid grey;
}

.paginate{
width: 330px;
margin-top:5px;

font:bold 14px Arial;
text-align:center;
}

<!--
#tshirt {
	padding: 0px;
	position: relative;
}
#tshirt #timg {
	position: absolute;
	left: 0px;
	top: 0px;
}
#tshirt #mssg {
	position: absolute;
	left: 69px;
	top: 39px;
	width: 122px;
	height: 165px;
	border:hidden;
	background:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#888888;
	overflow:hidden;
	resize:none;
}
-->

</style>

<script src="reelslideshow.js" type="text/javascript">

/***********************************************
* Continuous Reel Slideshow- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

<script type="text/javascript">

var firstreel=new reelslideshow({
	wrapperid: "myreel", //ID of blank DIV on page to house Slideshow
	dimensions: [245, 245], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["images/tshirts/ts1.jpg"], //["image_path", "optional_link", "optional_target"]
		["images/tshirts/ts2.jpg"],
		["images/tshirts/ts3.jpg"],
		["images/tshirts/ts4.jpg"] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'auto', pause:2000, cycles:2, pauseonmouseover:true},
	orientation: "h", //Valid values: "h" or "v"
	persist: true, //remember last viewed slide and recall within same session?
	slideduration: 300 //transition duration (milliseconds)
})

//function to check whether number of character is less than 50
function check()
{
text=document.getElementById("mssg").value; 
  if(text.length>50) {
  text=text.substr(0,49);
  document.getElementById("mssg").value=text;
    alert("Too much text !!! ");
  
  }

}

function rmsg()
  {ttt=document.getElementById("mssg").value;
  if(ttt.indexOf("Write anywhere on the shirt ! ! !")>=0)
{ document.getElementById("mssg").value='';
document.getElementById("mssg").style.color ="#FFFFFF";
}
}
function rmsg1()
  {ttt=document.getElementById("mssg").value;
  if(ttt=='')
{document.getElementById("mssg").style.color ="#888888"; 
document.getElementById("mssg").value='Write anywhere on the shirt ! ! !';
}
}


function Validate()
{
if((document.form1.mssg.value)==""||(document.form1.mssg.value)=="Write anywhere on the shirt ! ! !")
	{
	alert("Please enter your caption!");
	return false;
	}
}

</script>
</head>

<body>
<div id="header">

<table border="0" align="center" width="90%" height="100"  >
<tr>
<td width="10%"><img src="images/logopng.png" width="103" height="99" /></td>
<td align="left" valign="top">
<img src="images/hambaamerchandise.png" width="308" height="76" />
</td>
<td valign="bottom" align="right">
	<table width="195" height="50" background="images/userback.png">
    <tr><td align="center" nowrap="nowrap">Hi <?php echo "  ".$_SESSION["user1"]."!"; ?></td></tr>
    </table>
</td>
</tr>
</table>
</div>






<table id="containertable" cellpadding="0" cellspacing="0" border="0" width="890" align="center" >
<tr>
<td>
	<div id="menulinks">
   
    <a href="good_things1.php">Home</a>
    <a href="home.php">Live Chat</a>
	<a href="diary.php">My Diary</a>
	<a href="graffiti.php">Graffiti</a>
    
    </div>

</td>
</tr>
</table>

<table id="caption"border="0" width="900"  align="center" >
<tr><td>
Order for your tshirt from our wide range.<br>What's better, now you can create your own design!
</td></tr>
</table>






<table id="outertable" border="0" width="900" height="330" align="center">
<tr><td>

<div class="paginate">
	<table id="containertable" border="0"   background="images/tablebackmerchandise.png" cellpadding="20" align="center" height="300" width="494">
	<tr>

	<td>
	<a href="javascript:firstreel.navigate('forth')" ><img src="images/tshirts/left.png" /></a>   	</td>

	<td align="center"><div id="myreel"></div></td>

	<td>
	<a href="javascript:firstreel.navigate('back')"><img src="images/tshirts/right.png" /></a> </td>
	</tr>
    </table>
	</div>


</td>
	<form name="form1" action="merchandise_accept.php" method="post">
<td align="center">
	 	
	 <table id="tshirt" border="0" width="250" height="250" align="center">
	<tr><td valign="top">

<!-- container id=tshirt -->
<div id="tshirt">
<!-- image of the tshirt -->
<img id="timg" src="images/ts1.png" alt="t-shirt" width="261" height="232" />
<!-- text area for writing the message -->

<textarea name="mssg" id="mssg" cols="45" rows="5" onfocus="rmsg()" onblur="rmsg1()" onkeypress="check()" >Write anywhere on the shirt ! ! !</textarea><!-- end container id=tshirt -->
</div>

	</td></tr>
	</table>
<br>
 <input type="reset" value="Clear" > 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

	<input type="submit" value="Submit Caption" onClick="return Validate()"> 
    
      
</td>
</form>
</tr>
</table>
 <br>   

<table id="bottom" border="0" width="317" align="center">
	<tr><td width="152" align="center">

	<h3>Go back to home</h3>
	 <h2><a href="home.php">Click here</a>	</h2>
	</td>
    <td width="47"></td>
    <td width="104" align="center">
	 <h3>Go to Diary</h3>
	 <h2><a href="diary.php">Click here</a></h2>
	</td></tr>
	</table>
<br><br><br><br>







<div id="footer" > 


<table border="0" width="90%" height=50 align="center">
<tr>
<td width="30%"><a href="about_us.php">About Us</a></td>
<td width="30%"><a href="good_things1.php"> &nbsp;Home&nbsp; </a></td>
<td width="30%"><a href="contact_us.php">Contact Us</a></td>
</tr>
<tr align="center"><td colspan="3">
&copy;2011 All Rights Reserved by www.hambaa.com
</td></tr>
</table>

</div>
</body>
</html>
